<template>
<div class="floating-cell" :class="place">
  <div class="title-bar-wrapper">
    <TitleBar title="历史报警统计" />
  </div>
  <div class="content-wrapper">
    <!-- <BaseTable v-bind="table" /> -->
  </div>
</div>
</template>
<script setup>
import TitleBar from '../../../components/TitleBar.vue'
import BaseTable from '../../../components/BaseTable.vue'
import { reactive, onBeforeUnmount } from 'vue'
// import TabTable from './TabTable.vue'

const { place } = defineProps({
  place: {
    type: String,
    default: 'left-side',
  },
})

const table = reactive({
  head: [
    {
      prop: 'serialNumber',
      label: '序号',
      // width: 58,
    },
    {
      prop: 'emrgEquipName',
      label: '设备名称',
      // width: 220,
    },
    {
      prop: 'equipAmount',
      label: '设备数量',
      // width: 260,
    },
    {
      prop: 'storageName',
      label: '位置',
      // width: 160,
    },
  ],
  data: [
    {
      serialNumber: 1,
      emrgEquipName: '消防栓',
      equipAmount: 2,
      storageName: '一号楼一层',
    },
    {
      serialNumber: 2,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 3,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 4,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 5,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 6,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 7,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 8,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 9,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 10,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 1,
      emrgEquipName: '消防栓',
      equipAmount: 2,
      storageName: '一号楼一层',
    },
    {
      serialNumber: 2,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 3,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 4,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 5,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 6,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 7,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 8,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 9,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
    {
      serialNumber: 10,
      emrgEquipName: '灭火器',
      equipAmount: 3,
      storageName: '一号楼二层',
    },
  ],

})




</script>

<style lang="scss" scoped>
@use '../_left-right.scss' as common;

.title-bar-wrapper {
  height: 30px;
}
</style>
